<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html</title>
</head>
<body>
<script>
    //1.创建XMLHttpRequest实例
    let xhr1 = new XMLHttpRequest();
    //2.打开连接  表示对http://localhost:3000/users发送POST请求，异步方式
    xhr1.open('POST','/users',true);
     //设置了响应体的类型是json,服务器返回的响应体是什么格式，这里要指定成什么样式
    //xhr1.responseType = 'text';
    //指定请求体内容的类型，这是一个请求头
    xhr1.setRequestHeader('Content-Type','application/json');
    //2.注册当状态变化时回调函数
    xhr1.onreadystatechange = function(){
        if(xhr1.readyState===xhr1.DONE && (/^2\d{2}$/.test((xhr1.status)))){
            //获取所有的响应头
            console.log(xhr1.getAllResponseHeaders())
            //获取响应体
            console.log(xhr1.responseText);
        }
    }
    xhr1.send('{"name":"zhufeng1","age":18}');

    //1.创建XMLHttpRequest实例
    let xhr2 = new XMLHttpRequest();
    //2.打开连接  表示对http://localhost:3000/users发送POST请求，异步方式
    xhr2.open('GET','/users?id=1',true);
     //设置了响应体的类型是json,服务器返回的响应体是什么格式，这里要指定成什么样式
    xhr2.responseType = 'json';
    //指定请求体内容的类型，这是一个请求头
    //xhr2.setRequestHeader('Content-Type','application/json');
    //2.注册当状态变化时回调函数
    xhr2.onreadystatechange = function(){
        if(xhr2.readyState===xhr2.DONE && (/^2\d{2}$/.test((xhr2.status)))){
            //获取所有的响应头
            console.log(xhr2.getAllResponseHeaders())
            //获取响应体
            console.log(xhr2.response);
        }
    }
    xhr2.send();


    //1.创建XMLHttpRequest实例
    let xhr3 = new XMLHttpRequest();
    //2.打开连接  表示对http://localhost:3000/users发送POST请求，异步方式
    xhr3.open('PUT','/users?id=1',true);
     //设置了响应体的类型是json,服务器返回的响应体是什么格式，这里要指定成什么样式
    //xhr3.responseType = 'json';
    //指定请求体内容的类型，这是一个请求头
    xhr3.setRequestHeader('Content-Type','application/json');
    //2.注册当状态变化时回调函数
    xhr3.onreadystatechange = function(){
        if(xhr3.readyState===xhr3.DONE && (/^2\d{2}$/.test((xhr3.status)))){
            //获取所有的响应头
            console.log(xhr3.getAllResponseHeaders())
            //获取响应体
            console.log(xhr3.responseText);
        }
    }
    xhr3.send('{"name":"zhufeng2","age":19}');


    //1.创建XMLHttpRequest实例
    let xhr4 = new XMLHttpRequest();
    //2.打开连接  表示对http://localhost:3000/users发送POST请求，异步方式
    xhr4.open('DELETE','/users?id=1',true);
     //设置了响应体的类型是json,服务器返回的响应体是什么格式，这里要指定成什么样式
    //xhr3.responseType = 'json';
    //指定请求体内容的类型，这是一个请求头
    //xhr4.setRequestHeader('Content-Type','application/json');
    //2.注册当状态变化时回调函数
    xhr4.onreadystatechange = function(){
        if(xhr4.readyState===xhr4.DONE && (/^2\d{2}$/.test((xhr4.status)))){
            //获取所有的响应头
            console.log(xhr4.getAllResponseHeaders())
            //获取响应体
            console.log(xhr4.responseText);
        }
    }
    xhr4.send();

</script>
</body>
</html>